<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/inc/taglib.inc"%>
<%@ include file="/WEB-INF/inc/script.inc"%>
<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="${base}">
<title>中金通 | 发行方列表</title>

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.css" rel="stylesheet">
<link href="js/plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet">

<!-- FooTable -->
<!-- <link href="css/plugins/footable/footable.core.css" rel="stylesheet"> -->
<!-- Data Tables -->
<link href="css/plugins/dataTables/dataTables.bootstrap.css"
	rel="stylesheet">
<link href="css/plugins/dataTables/dataTables.responsive.css"
	rel="stylesheet">
<link href="css/plugins/dataTables/dataTables.tableTools.min.css"
	rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

<link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">
<style>
        .blueimp-gallery {
        	width:1200px;
        	height:800px;
            margin: 0px;
        }
        .detail-content{
        	font-size:15px;
        }
        .col-md-3{
  			padding-bottom: 20px;
        }
        .detail-title{
        	font-size:15px;
        	font-weight:bold;
        }
        .hr-line-dash{
	  		color: #ffffff;
	  		background-color: #ffffff;
	  		height: 1px;
	  		margin: 20px 0;
  		}
		.form-control[readonly]{
			background-color: #fff;
			opacity: 1;
			border: #FFF;
		}
		.ui-autocomplete {
			z-index: 11111;
		}
    </style>
</head>

<body>

	<div id="wrapper">

		<!-- 左侧菜单 -->
		<jsp:include page="/WEB-INF/jsp/common/main-menu.jsp"></jsp:include>

		<div id="page-wrapper" class="gray-bg">
			<div class="row border-bottom">
				<!-- 头部工具栏区 -->
				<jsp:include page="/WEB-INF/jsp/common/main-header.jsp"></jsp:include>
			</div>
			<div class="row wrapper border-bottom white-bg page-heading">
				<div class="col-lg-10">
					<h2>发行方管理</h2>
					<ol class="breadcrumb">
						<li><a href="common/platform">Home</a></li>
						<li><a href="issuers/list">发行方管理</a></li>
						<li class="active"><strong>发行方列表</strong></li>
					</ol>
				</div>
				<div class="col-lg-2"></div>
			</div>
			<input type="text" id="org_id" class="hidden" value="${sessionScope.security_context_user.orgId}"/>
			<div class="row" style="margin-top: 10px;">
				<div class="col-md-12">
					<div class="tabs-container">
						<ul class="nav nav-tabs">
							<li class="active"><a href="issuers/list"> 发行方列表 </a></li>
						</ul>
						<div class="tab-content">
							<div class="tab-pane active">
								<div class="panel-body">
									<div
										class="wrapper wrapper-content animated fadeInRight ecommerce">
											<div class="row">
												<div style="margin-left: 3.33333333%">
													<div class="form-group">
														<button type="button" class="btn btn-primary" id="addBtn">添加发行方</button>
													</div>
												</div>
											</div>
											<div class="ibox-content m-b-sm">
												<form id="queryForm" method="post">
													<div class="row">
														<div class="col-sm-4">
															<div class="form-group">
																<label class="control-label" for="orderId">发行方名称</label>
																<input type="text" name="name" value=""
																	placeholder="发行方名称" class="form-control">
															</div>
														</div>
														<div class="col-sm-4">
															<div class="form-group">
																<label class="control-label" for="investorName">登录账号</label> <input
																	type="text" id="account" name="account" value=""
																	placeholder="登录账号" class="form-control">
															</div>
														</div>
													</div>
													<div class="row">
														<div class="col-sm-4 col-sm-offset-2">
					                                        <button class="btn btn-outline btn-default pull-right m-t-n-xs" id="cancleQuery" type="reset">重 置</button>
					                                        <div class="pull-right">&nbsp;&nbsp;&nbsp;</div>
					                                        <button class="btn btn-primary pull-right m-t-n-xs" id="queryBtn" type="button">查 询</button>
					                                    </div>
													</div>
												</form>
											</div>
										<div class="row">
											<div class="col-lg-12">
												<div class="ibox float-e-margins">
													<div class="ibox-content">
														<table id="issuersEditable"
															class="table table-striped table-bordered table-hover">
															<thead>
																<tr>
																	<th>发行方名称</th>
																	<th>联系人</th>
																	<th>联系方式</th>
																	<th>可售产品</th>
																	<th>机构代码</th>
																	<th>登陆账号</th>
																	<th>状态</th>
																	<th style="background-color: white;">操作</th>
																</tr>
															</thead>
															<tbody>
															</tbody>
														</table>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 底部版权 -->
			<jsp:include page="/WEB-INF/jsp/common/main-footer.jsp"></jsp:include>
		</div>
		
		<!-- 新填发行方页面 -->
		<div class="modal inmodal" id="addModal" tabindex="-1" role="dialog"
			aria-hidden="true">
			<div class="modal-dialog modal-md">
				<div class="modal-content animated fadeIn">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal">
							<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
						</button>
						<h4 class="modal-title">新增发行方</h4>
					</div>
					<div class="modal-body">
						<form action="" class="ibox-content p-xl" id="addForm">
                            <div class="row">
									<div class="form-group">
										<div class="col-sm-3">
										<label class="detail-title">发行方名称:</label>
										</div>
										<div class="col-sm-6">
											<input type="text" name="name" placeholder="发行方名称" class="form-control"></input>
										</div>
									</div>
                            </div>
							<br>
							<div class="row">
									<div class="form-group">
										<div class="col-sm-3">
										<label class="detail-title">联系人:</label>
										</div>
										<div class="col-sm-6">
											<input type="text" name="contacts" placeholder="联系人" class="form-control"></input>
										</div>
									</div>
							</div>
							<br>
							<div class="row">
									<div class="form-group">
										<div class="col-sm-3">
										<label class="detail-title">联系方式:</label>
										</div>
										<div class="col-sm-6">
											<input type="text" name="contactWay" placeholder="联系方式" class="form-control"></input>
										</div>
									</div>
							</div>
							<br>
							<div class="row">
									<div class="form-group">
										<div class="col-sm-3">
										<label class="detail-title">机构代码:</label>
										</div>
										<div class="col-sm-6">
											<input type="text" value="${sessionScope.security_context_user.orgCode}" readonly="true" class="form-control"></input>
										</div>
									</div>
							</div>
							<br>
							<div class="row">
									<div class="form-group">
										<div class="col-sm-3">
										<label class="detail-title">登录账号:</label>
										</div>
										<div class="col-sm-6">
											<input type="text" name="account" placeholder="登录账号" class="form-control"></input>
										</div>
									</div>
							</div>
							<br>
							<div class="row">
									<div class="form-group">
										<div class="col-sm-3">
										<label class="detail-title">登录密码:</label>
										</div>
										<div class="col-sm-6">
											<input type="password" id="password" name="password" placeholder="登录密码" class="form-control"></input>
										</div>
									</div>
							</div>
							<br>
							<div class="row">
									<div class="form-group">
										<div class="col-sm-3">
										<label class="detail-title">确认新密码:</label>
										</div>
										<div class="col-sm-6">
											<input type="password" name="passwordConfirm" placeholder="请再次输入密码" class="form-control"></input>
										</div>
									</div>
							</div>
                        </form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-white" data-dismiss="modal">取消</button>
						<button type="submit" class="btn btn-primary" id="addConfirm">确认</button>
					</div>
				</div>
			</div>
		</div>
	</div>
	
		<!-- 修改页面 -->
		<div class="modal inmodal" id="updateModal" tabindex="-1" role="dialog"
			aria-hidden="true">
			<div class="modal-dialog modal-md">
				<div class="modal-content animated fadeIn">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal">
							<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
						</button>
						<h4 class="modal-title">修改发行方基本信息</h4>
					</div>
					<div class="modal-body">
						<form action="" class="ibox-content p-xl" id="updateForm">
                            <div class="row">
									<div class="form-group">
										<div class="col-sm-3">
										<label class="detail-title">发行方名称:</label>
										</div>
										<div class="col-sm-6">
										<input type="text" id="name" name="name" class="form-control"></input>
										</div>
									</div>
                            </div>
							<br>
							<div class="row">
									<div class="form-group">
										<div class="col-sm-3">
										<label class="detail-title">联系人:</label>
										</div>
										<div class="col-sm-6">
										<input type="text" id="contacts" name="contacts" class="form-control"></input>
										</div>
									</div>
							</div>
							<br>
							<div class="row">
									<div class="form-group">
										<div class="col-sm-3">
										<label class="detail-title">联系方式:</label>
										</div>
										<div class="col-sm-6">
										<input type="text" id="contactWay" name="contactWay" class="form-control"></input>
										</div>
									</div>
							</div>
                        </form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-white" data-dismiss="modal">取消</button>
						<button type="submit" class="btn btn-primary" id="updateConfirm">确认</button>
					</div>
				</div>
			</div>
		</div>
		
		<!-- 重置密码 -->
		<div class="modal inmodal" id="resetModal" tabindex="-1" role="dialog"
			aria-hidden="true">
			<div class="modal-dialog modal-md">
				<div class="modal-content animated fadeIn">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal">
							<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
						</button>
						<h4 class="modal-title">重置密码</h4>
					</div>
					<div class="modal-body">
						<form action="" class="ibox-content p-xl" id="resetForm">
                            <div class="row">
									<div class="form-group">
										<div class="col-sm-3">
										<label class="detail-title">发行方名称:</label>
										</div>
										<div class="col-sm-6">
										<input type="text" id="contactName" readonly="true" class="form-control"></input>
										</div>
									</div>
                            </div>
							<br>
							<div class="row">
									<div class="form-group">
										<div class="col-sm-3">
										<label class="detail-title">新密码:</label>
										</div>
										<div class="col-sm-6">
										<input type="password" id="newPassword" name="password" class="form-control"></input>
										</div>
									</div>
							</div>
							<br>
							<div class="row">
									<div class="form-group">
										<div class="col-sm-3">
										<label class="detail-title">确认新密码:</label>
										</div>
										<div class="col-sm-6">
										<input type="password" name="passwordConfirm" class="form-control"></input>
										</div>
									</div>
							</div>
                        </form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-white" data-dismiss="modal">取消</button>
						<button type="submit" class="btn btn-primary" id="resetConfirm">确认</button>
					</div>
				</div>
			</div>
		</div>
		
	</div>



	<!-- Mainly scripts -->
	<script src="js/jquery-2.1.1.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
	<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<script src="js/jquery.serialize-object.min.js" type="text/javascript"></script>
	<script src="js/plugins/validate/jquery.validate.min.js" type="text/javascript"></script>
	<script src="js/plugins/validate/jquery.validate.messages-zh_CN.js" type="text/javascript"></script>

	<!-- Data Tables -->
	<script src="js/plugins/dataTables/jquery.dataTables.js"></script>
	<script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
	<script src="js/plugins/dataTables/dataTables.responsive.js"></script>
	<script src="js/plugins/dataTables/dataTables.tableTools.min.js"></script>

	<!-- Custom and plugin javascript -->
	<script src="js/inspinia.js"></script>
	<script src="js/plugins/pace/pace.min.js"></script>
	<script src="js/plugins/jquery-ui/jquery-ui.min.js"></script>
	<script src="js/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>

	<!-- Page-Level Scripts -->
	<script src="js/jquery.tmpl.min.js"></script>
	<script src="js/issuers/issuers-module.js?v=${jsVersion}"></script>
	<script>
		$(document).ready(function() {
			IssuersModule.init();
		});
	</script>

</body>

</html>
